﻿@{
    ViewBag.Title = "RequestProcess";
    Layout = "~/Views/Shared/_AdminLayout.cshtml";
}

<div class="breadcrumbs" id="breadcrumbs">
    <ul class="breadcrumb">
        <li>
            <i class="icon-home home-icon"></i>
            <a href="#">Home</a>

            <span class="divider">
                <i class="icon-angle-right arrow-icon"></i>
            </span>
        </li>

        <li>
            <a href="#">Request Process</a>
        </li>
    </ul>
    <!--.breadcrumb-->
</div>

<div class="page-content">
    <div class="row-fluid">
        <div class="span12">
            <!--PAGE CONTENT BEGINS-->
            <div class="row-fluid">
                <div class="span12">
                    <div class="widget-box">
                        <div class="widget-header widget-header-blue widget-header-flat">
                            <h4>Request Processing</h4>
                        </div>
                        <div class="widget-body">
                            <div class="widget-main">
                                <div class="row-fluid">
                                    <div id="fuelux-wizard" class="row-fluid hide" data-target="#step-container">
                                        <ul class="wizard-steps">
                                            <li data-target="#step1" class="active">
                                                <span class="step">1</span>
                                                <span class="title">Make Estimate</span>
                                            </li>

                                            <li data-target="#step2">
                                                <span class="step">2</span>
                                                <span class="title">Make Request</span>
                                            </li>

                                            <li data-target="#step3">
                                                <span class="step">3</span>
                                                <span class="title">Approve Request</span>
                                            </li>

                                            <li data-target="#step4">
                                                <span class="step">4</span>
                                                <span class="title">Contract</span>
                                            </li>
                                        </ul>
                                    </div>

                                    <hr />

                                    <div class="step-content row-fluid position-relative" id="step-container">
                                        <div class="step-pane active" id="step1">
                                            <h3 class="header lighter block green">Enter the supplier information</h3>
                                            <form class="form-horizontal" id="frmSupplierInfor">
                                                <div class="control-group info">
                                                    <label class="control-label" for="inputWarning">Name</label>
                                                    <div class="controls">
                                                        <span class="span6 input-icon input-icon-right">
                                                            <input class="span12" type="text" id="inputWarning" />
                                                        </span>
                                                    </div>
                                                </div>

                                                <div class="control-group info">
                                                    <label class="control-label" for="inputError">Address</label>
                                                    <div class="controls">
                                                        <span class="span6 input-icon input-icon-right">
                                                            <input class="tooltip-error span12" type="text" id="inputError" />
                                                        </span>
                                                    </div>
                                                </div>

                                                <div class="control-group info">
                                                    <label class="control-label" for="inputInfo">Email</label>

                                                    <div class="controls">
                                                        <span class="span6 input-icon input-icon-right">
                                                            <input class="span12" type="text" id="inputInfo" />
                                                        </span>
                                                    </div>
                                                </div>

                                                <div class="control-group info">
                                                    <label class="control-label" for="inputSuccess">Phone Number</label>
                                                    <div class="controls">
                                                        <span class="span6 input-icon input-icon-right">
                                                            <input class="span12" type="text" id="inputSuccess" />
                                                        </span>
                                                    </div>
                                                </div>
                                            </form>

                                            <h3 class="header lighter block green">Choose an item for apply request</h3>

                                            <form class="form-horizontal" id="frmChooseItemSupplier">
                                                <div class="row-fluid">
                                                    <div class="span6">
                                                        <div class="control-group info">
                                                            <label class="control-label">Group</label>
                                                            <div class="controls">
                                                                <select data-placeholder="Choose a Country...">
                                                                    <option value=""></option>
                                                                    <option value="AL">Alabama
                                                                    </option>
                                                                    <option value="AK">Alaska
                                                                    </option>
                                                                    <option value="AZ">Arizona
                                                                    </option>
                                                                    <option value="AR">Arkansas
                                                                    </option>
                                                                    <option value="CA">California
                                                                    </option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="control-group info">
                                                            <label class="control-label">Item Type</label>
                                                            <div class="controls">
                                                                <select data-placeholder="Choose a Country...">
                                                                    <option value=""></option>
                                                                    <option value="AL">Alabama
                                                                    </option>
                                                                    <option value="AK">Alaska
                                                                    </option>
                                                                    <option value="AZ">Arizona
                                                                    </option>
                                                                    <option value="AR">Arkansas
                                                                    </option>
                                                                    <option value="CA">California
                                                                    </option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="span6">
                                                        <div class="control-group info">
                                                            <label class="control-label">Department</label>
                                                            <div class="controls">
                                                                <select data-placeholder="Choose a Country...">
                                                                    <option value=""></option>
                                                                    <option value="AL">Alabama
                                                                    </option>
                                                                    <option value="AK">Alaska
                                                                    </option>
                                                                    <option value="AZ">Arizona
                                                                    </option>
                                                                    <option value="AR">Arkansas
                                                                    </option>
                                                                    <option value="CA">California
                                                                    </option>
                                                                </select>
                                                            </div>
                                                        </div>

                                                        <div class="control-group info">
                                                            <label class="control-label">Devision</label>
                                                            <div class="controls">
                                                                <select data-placeholder="Choose a Country...">
                                                                    <option value=""></option>
                                                                    <option value="AL">Alabama
                                                                    </option>
                                                                    <option value="AK">Alaska
                                                                    </option>
                                                                    <option value="AZ">Arizona
                                                                    </option>
                                                                    <option value="AR">Arkansas
                                                                    </option>
                                                                    <option value="CA">California
                                                                    </option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </form>

                                            <form>
                                                <div class="row-fluid">
                                                    <div class="table-header">
                                                        List of avaiable item
                                                    </div>
                                                    <div id="sample-table-2_wrapper" class="dataTables_wrapper" role="grid" style="display: block;">
                                                        <div>
                                                            <table id="chooseItemTable" class="table table-striped table-bordered table-hover">
                                                                <thead>
                                                                    <tr>
                                                                        <th class="center">
                                                                            <label>
                                                                                <input type="checkbox" />
                                                                                <span class="lbl"></span>
                                                                            </label>
                                                                        </th>
                                                                        <th>Domain</th>
                                                                        <th>Price</th>

                                                                        <th class="hidden-phone">
                                                                            <i class="icon-time bigger-110 hidden-phone"></i>
                                                                            Update
                                                                        </th>
                                                                        <th class="hidden-480">Status</th>

                                                                        <th class="hidden-200"></th>
                                                                    </tr>
                                                                </thead>
                                                                <tbody>
                                                                    <tr>
                                                                        <td class="center">
                                                                            <label>
                                                                                <input type="checkbox" />
                                                                                <span class="lbl"></span>
                                                                            </label>
                                                                        </td>

                                                                        <td>
                                                                            <a href="#">app.com</a>
                                                                        </td>
                                                                        <td>$45</td>
                                                                        <td class="hidden-phone">Feb 12</td>

                                                                        <td class="hidden-480">
                                                                            <span class="label label-warning">Expiring</span>
                                                                        </td>

                                                                        <td class="td-actions">
                                                                            <div class="hidden-phone visible-desktop action-buttons">
                                                                                <a class="blue" href="#">
                                                                                    <i class="icon-zoom-in bigger-130"></i>
                                                                                </a>

                                                                                <a class="green" href="#">
                                                                                    <i class="icon-pencil bigger-130"></i>
                                                                                </a>

                                                                                <a class="red" href="#">
                                                                                    <i class="icon-trash bigger-130"></i>
                                                                                </a>
                                                                            </div>

                                                                            <div class="hidden-desktop visible-phone">
                                                                                <div class="inline position-relative">
                                                                                    <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                                                                        <i class="icon-caret-down icon-only bigger-120"></i>
                                                                                    </button>

                                                                                    <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                                                                                        <li>
                                                                                            <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                                                                                <span class="blue">
                                                                                                    <i class="icon-zoom-in bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li>
                                                                                            <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                                                                                <span class="green">
                                                                                                    <i class="icon-edit bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li>
                                                                                            <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                                                                                <span class="red">
                                                                                                    <i class="icon-trash bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>
                                                                                    </ul>
                                                                                </div>
                                                                            </div>
                                                                        </td>
                                                                    </tr>

                                                                    <tr>
                                                                        <td class="center">
                                                                            <label>
                                                                                <input type="checkbox" />
                                                                                <span class="lbl"></span>
                                                                            </label>
                                                                        </td>

                                                                        <td>
                                                                            <a href="#">base.com</a>
                                                                        </td>
                                                                        <td>$35</td>
                                                                        <td class="hidden-phone">Feb 18</td>

                                                                        <td class="hidden-480">
                                                                            <span class="label label-success">Registered</span>
                                                                        </td>

                                                                        <td class="td-actions">
                                                                            <div class="hidden-phone visible-desktop action-buttons">
                                                                                <a class="blue" href="#">
                                                                                    <i class="icon-zoom-in bigger-130"></i>
                                                                                </a>

                                                                                <a class="green" href="#">
                                                                                    <i class="icon-pencil bigger-130"></i>
                                                                                </a>

                                                                                <a class="red" href="#">
                                                                                    <i class="icon-trash bigger-130"></i>
                                                                                </a>
                                                                            </div>

                                                                            <div class="hidden-desktop visible-phone">
                                                                                <div class="inline position-relative">
                                                                                    <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                                                                        <i class="icon-caret-down icon-only bigger-120"></i>
                                                                                    </button>

                                                                                    <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                                                                                        <li>
                                                                                            <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                                                                                <span class="blue">
                                                                                                    <i class="icon-zoom-in bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li>
                                                                                            <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                                                                                <span class="green">
                                                                                                    <i class="icon-edit bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li>
                                                                                            <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                                                                                <span class="red">
                                                                                                    <i class="icon-trash bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>
                                                                                    </ul>
                                                                                </div>
                                                                            </div>
                                                                        </td>
                                                                    </tr>

                                                                    <tr>
                                                                        <td class="center">
                                                                            <label>
                                                                                <input type="checkbox" />
                                                                                <span class="lbl"></span>
                                                                            </label>
                                                                        </td>

                                                                        <td>
                                                                            <a href="#">max.com</a>
                                                                        </td>
                                                                        <td>$60</td>
                                                                        <td class="hidden-phone">Mar 11</td>

                                                                        <td class="hidden-480">
                                                                            <span class="label label-warning">Expiring</span>
                                                                        </td>

                                                                        <td class="td-actions">
                                                                            <div class="hidden-phone visible-desktop action-buttons">
                                                                                <a class="blue" href="#">
                                                                                    <i class="icon-zoom-in bigger-130"></i>
                                                                                </a>

                                                                                <a class="green" href="#">
                                                                                    <i class="icon-pencil bigger-130"></i>
                                                                                </a>

                                                                                <a class="red" href="#">
                                                                                    <i class="icon-trash bigger-130"></i>
                                                                                </a>
                                                                            </div>

                                                                            <div class="hidden-desktop visible-phone">
                                                                                <div class="inline position-relative">
                                                                                    <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                                                                        <i class="icon-caret-down icon-only bigger-120"></i>
                                                                                    </button>

                                                                                    <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                                                                                        <li>
                                                                                            <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                                                                                <span class="blue">
                                                                                                    <i class="icon-zoom-in bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li>
                                                                                            <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                                                                                <span class="green">
                                                                                                    <i class="icon-edit bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li>
                                                                                            <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                                                                                <span class="red">
                                                                                                    <i class="icon-trash bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>
                                                                                    </ul>
                                                                                </div>
                                                                            </div>
                                                                        </td>
                                                                    </tr>

                                                                    <tr>
                                                                        <td class="center">
                                                                            <label>
                                                                                <input type="checkbox" />
                                                                                <span class="lbl"></span>
                                                                            </label>
                                                                        </td>

                                                                        <td>
                                                                            <a href="#">best.com</a>
                                                                        </td>
                                                                        <td>$75</td>
                                                                        <td class="hidden-phone">Apr 03</td>

                                                                        <td class="hidden-480">
                                                                            <span class="label label-inverse arrowed-in">Flagged</span>
                                                                        </td>

                                                                        <td class="td-actions">
                                                                            <div class="hidden-phone visible-desktop action-buttons">
                                                                                <a class="blue" href="#">
                                                                                    <i class="icon-zoom-in bigger-130"></i>
                                                                                </a>

                                                                                <a class="green" href="#">
                                                                                    <i class="icon-pencil bigger-130"></i>
                                                                                </a>

                                                                                <a class="red" href="#">
                                                                                    <i class="icon-trash bigger-130"></i>
                                                                                </a>
                                                                            </div>

                                                                            <div class="hidden-desktop visible-phone">
                                                                                <div class="inline position-relative">
                                                                                    <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                                                                        <i class="icon-caret-down icon-only bigger-120"></i>
                                                                                    </button>

                                                                                    <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                                                                                        <li>
                                                                                            <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                                                                                <span class="blue">
                                                                                                    <i class="icon-zoom-in bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li>
                                                                                            <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                                                                                <span class="green">
                                                                                                    <i class="icon-edit bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li>
                                                                                            <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                                                                                <span class="red">
                                                                                                    <i class="icon-trash bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>
                                                                                    </ul>
                                                                                </div>
                                                                            </div>
                                                                        </td>
                                                                    </tr>

                                                                    <tr>
                                                                        <td class="center">
                                                                            <label>
                                                                                <input type="checkbox" />
                                                                                <span class="lbl"></span>
                                                                            </label>
                                                                        </td>

                                                                        <td>
                                                                            <a href="#">pro.com</a>
                                                                        </td>
                                                                        <td>$55</td>
                                                                        <td class="hidden-phone">Jan 21</td>

                                                                        <td class="hidden-480">
                                                                            <span class="label label-success">Registered</span>
                                                                        </td>

                                                                        <td class="td-actions">
                                                                            <div class="hidden-phone visible-desktop action-buttons">
                                                                                <a class="blue" href="#">
                                                                                    <i class="icon-zoom-in bigger-130"></i>
                                                                                </a>

                                                                                <a class="green" href="#">
                                                                                    <i class="icon-pencil bigger-130"></i>
                                                                                </a>

                                                                                <a class="red" href="#">
                                                                                    <i class="icon-trash bigger-130"></i>
                                                                                </a>
                                                                            </div>

                                                                            <div class="hidden-desktop visible-phone">
                                                                                <div class="inline position-relative">
                                                                                    <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                                                                        <i class="icon-caret-down icon-only bigger-120"></i>
                                                                                    </button>

                                                                                    <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                                                                                        <li>
                                                                                            <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                                                                                <span class="blue">
                                                                                                    <i class="icon-zoom-in bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li>
                                                                                            <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                                                                                <span class="green">
                                                                                                    <i class="icon-edit bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li>
                                                                                            <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                                                                                <span class="red">
                                                                                                    <i class="icon-trash bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>
                                                                                    </ul>
                                                                                </div>
                                                                            </div>
                                                                        </td>
                                                                    </tr>

                                                                    <tr>
                                                                        <td class="center">
                                                                            <label>
                                                                                <input type="checkbox" />
                                                                                <span class="lbl"></span>
                                                                            </label>
                                                                        </td>

                                                                        <td>
                                                                            <a href="#">team.com</a>
                                                                        </td>
                                                                        <td>$40</td>
                                                                        <td class="hidden-phone">Feb 09</td>

                                                                        <td class="hidden-480">
                                                                            <span class="label label-inverse arrowed-in">Flagged</span>
                                                                        </td>

                                                                        <td class="td-actions">
                                                                            <div class="hidden-phone visible-desktop action-buttons">
                                                                                <a class="blue" href="#">
                                                                                    <i class="icon-zoom-in bigger-130"></i>
                                                                                </a>

                                                                                <a class="green" href="#">
                                                                                    <i class="icon-pencil bigger-130"></i>
                                                                                </a>

                                                                                <a class="red" href="#">
                                                                                    <i class="icon-trash bigger-130"></i>
                                                                                </a>
                                                                            </div>

                                                                            <div class="hidden-desktop visible-phone">
                                                                                <div class="inline position-relative">
                                                                                    <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                                                                        <i class="icon-caret-down icon-only bigger-120"></i>
                                                                                    </button>

                                                                                    <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                                                                                        <li>
                                                                                            <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                                                                                <span class="blue">
                                                                                                    <i class="icon-zoom-in bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li>
                                                                                            <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                                                                                <span class="green">
                                                                                                    <i class="icon-edit bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li>
                                                                                            <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                                                                                <span class="red">
                                                                                                    <i class="icon-trash bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>
                                                                                    </ul>
                                                                                </div>
                                                                            </div>
                                                                        </td>
                                                                    </tr>

                                                                    <tr>
                                                                        <td class="center">
                                                                            <label>
                                                                                <input type="checkbox" />
                                                                                <span class="lbl"></span>
                                                                            </label>
                                                                        </td>

                                                                        <td>
                                                                            <a href="#">up.com</a>
                                                                        </td>
                                                                        <td>$95</td>
                                                                        <td class="hidden-phone">Feb 22</td>

                                                                        <td class="hidden-480">
                                                                            <span class="label label-info arrowed arrowed-righ">Sold</span>
                                                                        </td>

                                                                        <td class="td-actions">
                                                                            <div class="hidden-phone visible-desktop action-buttons">
                                                                                <a class="blue" href="#">
                                                                                    <i class="icon-zoom-in bigger-130"></i>
                                                                                </a>

                                                                                <a class="green" href="#">
                                                                                    <i class="icon-pencil bigger-130"></i>
                                                                                </a>

                                                                                <a class="red" href="#">
                                                                                    <i class="icon-trash bigger-130"></i>
                                                                                </a>
                                                                            </div>

                                                                            <div class="hidden-desktop visible-phone">
                                                                                <div class="inline position-relative">
                                                                                    <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                                                                        <i class="icon-caret-down icon-only bigger-120"></i>
                                                                                    </button>

                                                                                    <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                                                                                        <li>
                                                                                            <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                                                                                <span class="blue">
                                                                                                    <i class="icon-zoom-in bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li>
                                                                                            <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                                                                                <span class="green">
                                                                                                    <i class="icon-edit bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li>
                                                                                            <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                                                                                <span class="red">
                                                                                                    <i class="icon-trash bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>
                                                                                    </ul>
                                                                                </div>
                                                                            </div>
                                                                        </td>
                                                                    </tr>

                                                                    <tr>
                                                                        <td class="center">
                                                                            <label>
                                                                                <input type="checkbox" />
                                                                                <span class="lbl"></span>
                                                                            </label>
                                                                        </td>

                                                                        <td>
                                                                            <a href="#">view.com</a>
                                                                        </td>
                                                                        <td>$45</td>
                                                                        <td class="hidden-phone">Mar 12</td>

                                                                        <td class="hidden-480">
                                                                            <span class="label label-success">Registered</span>
                                                                        </td>

                                                                        <td class="td-actions">
                                                                            <div class="hidden-phone visible-desktop action-buttons">
                                                                                <a class="blue" href="#">
                                                                                    <i class="icon-zoom-in bigger-130"></i>
                                                                                </a>

                                                                                <a class="green" href="#">
                                                                                    <i class="icon-pencil bigger-130"></i>
                                                                                </a>

                                                                                <a class="red" href="#">
                                                                                    <i class="icon-trash bigger-130"></i>
                                                                                </a>
                                                                            </div>

                                                                            <div class="hidden-desktop visible-phone">
                                                                                <div class="inline position-relative">
                                                                                    <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                                                                        <i class="icon-caret-down icon-only bigger-120"></i>
                                                                                    </button>

                                                                                    <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                                                                                        <li>
                                                                                            <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                                                                                <span class="blue">
                                                                                                    <i class="icon-zoom-in bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li>
                                                                                            <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                                                                                <span class="green">
                                                                                                    <i class="icon-edit bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li>
                                                                                            <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                                                                                <span class="red">
                                                                                                    <i class="icon-trash bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>
                                                                                    </ul>
                                                                                </div>
                                                                            </div>
                                                                        </td>
                                                                    </tr>

                                                                    <tr>
                                                                        <td class="center">
                                                                            <label>
                                                                                <input type="checkbox" />
                                                                                <span class="lbl"></span>
                                                                            </label>
                                                                        </td>

                                                                        <td>
                                                                            <a href="#">nice.com</a>
                                                                        </td>
                                                                        <td>$38</td>
                                                                        <td class="hidden-phone">Feb 12</td>

                                                                        <td class="hidden-480">
                                                                            <span class="label label-info arrowed arrowed-righ">Sold</span>
                                                                        </td>

                                                                        <td class="td-actions">
                                                                            <div class="hidden-phone visible-desktop action-buttons">
                                                                                <a class="blue" href="#">
                                                                                    <i class="icon-zoom-in bigger-130"></i>
                                                                                </a>

                                                                                <a class="green" href="#">
                                                                                    <i class="icon-pencil bigger-130"></i>
                                                                                </a>

                                                                                <a class="red" href="#">
                                                                                    <i class="icon-trash bigger-130"></i>
                                                                                </a>
                                                                            </div>

                                                                            <div class="hidden-desktop visible-phone">
                                                                                <div class="inline position-relative">
                                                                                    <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                                                                        <i class="icon-caret-down icon-only bigger-120"></i>
                                                                                    </button>

                                                                                    <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                                                                                        <li>
                                                                                            <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                                                                                <span class="blue">
                                                                                                    <i class="icon-zoom-in bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li>
                                                                                            <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                                                                                <span class="green">
                                                                                                    <i class="icon-edit bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li>
                                                                                            <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                                                                                <span class="red">
                                                                                                    <i class="icon-trash bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>
                                                                                    </ul>
                                                                                </div>
                                                                            </div>
                                                                        </td>
                                                                    </tr>

                                                                    <tr>
                                                                        <td class="center">
                                                                            <label>
                                                                                <input type="checkbox" />
                                                                                <span class="lbl"></span>
                                                                            </label>
                                                                        </td>

                                                                        <td>
                                                                            <a href="#">fine.com</a>
                                                                        </td>
                                                                        <td>$25</td>
                                                                        <td class="hidden-phone">Apr 01</td>

                                                                        <td class="hidden-480">
                                                                            <span class="label label-warning">Expiring</span>
                                                                        </td>

                                                                        <td class="td-actions">
                                                                            <div class="hidden-phone visible-desktop action-buttons">
                                                                                <a class="blue" href="#">
                                                                                    <i class="icon-zoom-in bigger-130"></i>
                                                                                </a>

                                                                                <a class="green" href="#">
                                                                                    <i class="icon-pencil bigger-130"></i>
                                                                                </a>

                                                                                <a class="red" href="#">
                                                                                    <i class="icon-trash bigger-130"></i>
                                                                                </a>
                                                                            </div>

                                                                            <div class="hidden-desktop visible-phone">
                                                                                <div class="inline position-relative">
                                                                                    <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                                                                        <i class="icon-caret-down icon-only bigger-120"></i>
                                                                                    </button>

                                                                                    <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                                                                                        <li>
                                                                                            <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                                                                                <span class="blue">
                                                                                                    <i class="icon-zoom-in bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li>
                                                                                            <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                                                                                <span class="green">
                                                                                                    <i class="icon-edit bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li>
                                                                                            <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                                                                                <span class="red">
                                                                                                    <i class="icon-trash bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>
                                                                                    </ul>
                                                                                </div>
                                                                            </div>
                                                                        </td>
                                                                    </tr>

                                                                    <tr>
                                                                        <td class="center">
                                                                            <label>
                                                                                <input type="checkbox" />
                                                                                <span class="lbl"></span>
                                                                            </label>
                                                                        </td>

                                                                        <td>
                                                                            <a href="#">good.com</a>
                                                                        </td>
                                                                        <td>$50</td>
                                                                        <td class="hidden-phone">Feb 02</td>

                                                                        <td class="hidden-480">
                                                                            <span class="label label-inverse arrowed-in">Flagged</span>
                                                                        </td>

                                                                        <td class="td-actions">
                                                                            <div class="hidden-phone visible-desktop action-buttons">
                                                                                <a class="blue" href="#">
                                                                                    <i class="icon-zoom-in bigger-130"></i>
                                                                                </a>

                                                                                <a class="green" href="#">
                                                                                    <i class="icon-pencil bigger-130"></i>
                                                                                </a>

                                                                                <a class="red" href="#">
                                                                                    <i class="icon-trash bigger-130"></i>
                                                                                </a>
                                                                            </div>

                                                                            <div class="hidden-desktop visible-phone">
                                                                                <div class="inline position-relative">
                                                                                    <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                                                                        <i class="icon-caret-down icon-only bigger-120"></i>
                                                                                    </button>

                                                                                    <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                                                                                        <li>
                                                                                            <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                                                                                <span class="blue">
                                                                                                    <i class="icon-zoom-in bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li>
                                                                                            <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                                                                                <span class="green">
                                                                                                    <i class="icon-edit bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li>
                                                                                            <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                                                                                <span class="red">
                                                                                                    <i class="icon-trash bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>
                                                                                    </ul>
                                                                                </div>
                                                                            </div>
                                                                        </td>
                                                                    </tr>

                                                                    <tr>
                                                                        <td class="center">
                                                                            <label>
                                                                                <input type="checkbox" />
                                                                                <span class="lbl"></span>
                                                                            </label>
                                                                        </td>

                                                                        <td>
                                                                            <a href="#">great.com</a>
                                                                        </td>
                                                                        <td>$55</td>
                                                                        <td class="hidden-phone">Feb 24</td>

                                                                        <td class="hidden-480">
                                                                            <span class="label label-success">Registered</span>
                                                                        </td>

                                                                        <td class="td-actions">
                                                                            <div class="hidden-phone visible-desktop action-buttons">
                                                                                <a class="blue" href="#">
                                                                                    <i class="icon-zoom-in bigger-130"></i>
                                                                                </a>

                                                                                <a class="green" href="#">
                                                                                    <i class="icon-pencil bigger-130"></i>
                                                                                </a>

                                                                                <a class="red" href="#">
                                                                                    <i class="icon-trash bigger-130"></i>
                                                                                </a>
                                                                            </div>

                                                                            <div class="hidden-desktop visible-phone">
                                                                                <div class="inline position-relative">
                                                                                    <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                                                                        <i class="icon-caret-down icon-only bigger-120"></i>
                                                                                    </button>

                                                                                    <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                                                                                        <li>
                                                                                            <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                                                                                <span class="blue">
                                                                                                    <i class="icon-zoom-in bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li>
                                                                                            <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                                                                                <span class="green">
                                                                                                    <i class="icon-edit bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li>
                                                                                            <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                                                                                <span class="red">
                                                                                                    <i class="icon-trash bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>
                                                                                    </ul>
                                                                                </div>
                                                                            </div>
                                                                        </td>
                                                                    </tr>

                                                                    <tr>
                                                                        <td class="center">
                                                                            <label>
                                                                                <input type="checkbox" />
                                                                                <span class="lbl"></span>
                                                                            </label>
                                                                        </td>

                                                                        <td>
                                                                            <a href="#">shine.com</a>
                                                                        </td>
                                                                        <td>$25</td>
                                                                        <td class="hidden-phone">Apr 01</td>

                                                                        <td class="hidden-480">
                                                                            <span class="label label-inverse arrowed-in">Flagged</span>
                                                                        </td>

                                                                        <td class="td-actions">
                                                                            <div class="hidden-phone visible-desktop action-buttons">
                                                                                <a class="blue" href="#">
                                                                                    <i class="icon-zoom-in bigger-130"></i>
                                                                                </a>

                                                                                <a class="green" href="#">
                                                                                    <i class="icon-pencil bigger-130"></i>
                                                                                </a>

                                                                                <a class="red" href="#">
                                                                                    <i class="icon-trash bigger-130"></i>
                                                                                </a>
                                                                            </div>

                                                                            <div class="hidden-desktop visible-phone">
                                                                                <div class="inline position-relative">
                                                                                    <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                                                                        <i class="icon-caret-down icon-only bigger-120"></i>
                                                                                    </button>

                                                                                    <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                                                                                        <li>
                                                                                            <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                                                                                <span class="blue">
                                                                                                    <i class="icon-zoom-in bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li>
                                                                                            <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                                                                                <span class="green">
                                                                                                    <i class="icon-edit bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li>
                                                                                            <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                                                                                <span class="red">
                                                                                                    <i class="icon-trash bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>
                                                                                    </ul>
                                                                                </div>
                                                                            </div>
                                                                        </td>
                                                                    </tr>

                                                                    <tr>
                                                                        <td class="center">
                                                                            <label>
                                                                                <input type="checkbox" />
                                                                                <span class="lbl"></span>
                                                                            </label>
                                                                        </td>

                                                                        <td>
                                                                            <a href="#">rise.com</a>
                                                                        </td>
                                                                        <td>$42</td>
                                                                        <td class="hidden-phone">Feb 01</td>

                                                                        <td class="hidden-480">
                                                                            <span class="label label-info arrowed arrowed-righ">Sold</span>
                                                                        </td>

                                                                        <td class="td-actions">
                                                                            <div class="hidden-phone visible-desktop action-buttons">
                                                                                <a class="blue" href="#">
                                                                                    <i class="icon-zoom-in bigger-130"></i>
                                                                                </a>

                                                                                <a class="green" href="#">
                                                                                    <i class="icon-pencil bigger-130"></i>
                                                                                </a>

                                                                                <a class="red" href="#">
                                                                                    <i class="icon-trash bigger-130"></i>
                                                                                </a>
                                                                            </div>

                                                                            <div class="hidden-desktop visible-phone">
                                                                                <div class="inline position-relative">
                                                                                    <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                                                                        <i class="icon-caret-down icon-only bigger-120"></i>
                                                                                    </button>

                                                                                    <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                                                                                        <li>
                                                                                            <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                                                                                <span class="blue">
                                                                                                    <i class="icon-zoom-in bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li>
                                                                                            <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                                                                                <span class="green">
                                                                                                    <i class="icon-edit bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li>
                                                                                            <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                                                                                <span class="red">
                                                                                                    <i class="icon-trash bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>
                                                                                    </ul>
                                                                                </div>
                                                                            </div>
                                                                        </td>
                                                                    </tr>

                                                                    <tr>
                                                                        <td class="center">
                                                                            <label>
                                                                                <input type="checkbox" />
                                                                                <span class="lbl"></span>
                                                                            </label>
                                                                        </td>

                                                                        <td>
                                                                            <a href="#">above.com</a>
                                                                        </td>
                                                                        <td>$35</td>
                                                                        <td class="hidden-phone">Mar 12</td>

                                                                        <td class="hidden-480">
                                                                            <span class="label label-warning">Expiring</span>
                                                                        </td>

                                                                        <td class="td-actions">
                                                                            <div class="hidden-phone visible-desktop action-buttons">
                                                                                <a class="blue" href="#">
                                                                                    <i class="icon-zoom-in bigger-130"></i>
                                                                                </a>

                                                                                <a class="green" href="#">
                                                                                    <i class="icon-pencil bigger-130"></i>
                                                                                </a>

                                                                                <a class="red" href="#">
                                                                                    <i class="icon-trash bigger-130"></i>
                                                                                </a>
                                                                            </div>

                                                                            <div class="hidden-desktop visible-phone">
                                                                                <div class="inline position-relative">
                                                                                    <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                                                                        <i class="icon-caret-down icon-only bigger-120"></i>
                                                                                    </button>

                                                                                    <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                                                                                        <li>
                                                                                            <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                                                                                <span class="blue">
                                                                                                    <i class="icon-zoom-in bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li>
                                                                                            <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                                                                                <span class="green">
                                                                                                    <i class="icon-edit bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li>
                                                                                            <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                                                                                <span class="red">
                                                                                                    <i class="icon-trash bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>
                                                                                    </ul>
                                                                                </div>
                                                                            </div>
                                                                        </td>
                                                                    </tr>

                                                                    <tr>
                                                                        <td class="center">
                                                                            <label>
                                                                                <input type="checkbox" />
                                                                                <span class="lbl"></span>
                                                                            </label>
                                                                        </td>

                                                                        <td>
                                                                            <a href="#">share.com</a>
                                                                        </td>
                                                                        <td>$30</td>
                                                                        <td class="hidden-phone">Feb 11</td>

                                                                        <td class="hidden-480">
                                                                            <span class="label label-info arrowed arrowed-righ">Sold</span>
                                                                        </td>

                                                                        <td class="td-actions">
                                                                            <div class="hidden-phone visible-desktop action-buttons">
                                                                                <a class="blue" href="#">
                                                                                    <i class="icon-zoom-in bigger-130"></i>
                                                                                </a>

                                                                                <a class="green" href="#">
                                                                                    <i class="icon-pencil bigger-130"></i>
                                                                                </a>

                                                                                <a class="red" href="#">
                                                                                    <i class="icon-trash bigger-130"></i>
                                                                                </a>
                                                                            </div>

                                                                            <div class="hidden-desktop visible-phone">
                                                                                <div class="inline position-relative">
                                                                                    <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                                                                        <i class="icon-caret-down icon-only bigger-120"></i>
                                                                                    </button>

                                                                                    <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                                                                                        <li>
                                                                                            <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                                                                                <span class="blue">
                                                                                                    <i class="icon-zoom-in bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li>
                                                                                            <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                                                                                <span class="green">
                                                                                                    <i class="icon-edit bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li>
                                                                                            <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                                                                                <span class="red">
                                                                                                    <i class="icon-trash bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>
                                                                                    </ul>
                                                                                </div>
                                                                            </div>
                                                                        </td>
                                                                    </tr>

                                                                    <tr>
                                                                        <td class="center">
                                                                            <label>
                                                                                <input type="checkbox" />
                                                                                <span class="lbl"></span>
                                                                            </label>
                                                                        </td>

                                                                        <td>
                                                                            <a href="#">fair.com</a>
                                                                        </td>
                                                                        <td>$35</td>
                                                                        <td class="hidden-phone">Mar 26</td>

                                                                        <td class="hidden-480">
                                                                            <span class="label label-inverse arrowed-in">Flagged</span>
                                                                        </td>

                                                                        <td class="td-actions">
                                                                            <div class="hidden-phone visible-desktop action-buttons">
                                                                                <a class="blue" href="#">
                                                                                    <i class="icon-zoom-in bigger-130"></i>
                                                                                </a>

                                                                                <a class="green" href="#">
                                                                                    <i class="icon-pencil bigger-130"></i>
                                                                                </a>

                                                                                <a class="red" href="#">
                                                                                    <i class="icon-trash bigger-130"></i>
                                                                                </a>
                                                                            </div>

                                                                            <div class="hidden-desktop visible-phone">
                                                                                <div class="inline position-relative">
                                                                                    <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
                                                                                        <i class="icon-caret-down icon-only bigger-120"></i>
                                                                                    </button>

                                                                                    <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                                                                                        <li>
                                                                                            <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
                                                                                                <span class="blue">
                                                                                                    <i class="icon-zoom-in bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li>
                                                                                            <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
                                                                                                <span class="green">
                                                                                                    <i class="icon-edit bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>

                                                                                        <li>
                                                                                            <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
                                                                                                <span class="red">
                                                                                                    <i class="icon-trash bigger-120"></i>
                                                                                                </span>
                                                                                            </a>
                                                                                        </li>
                                                                                    </ul>
                                                                                </div>
                                                                            </div>
                                                                        </td>
                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>

                                        <hr />

                                        <div class="row-fluid wizard-actions">
                                            <button class="btn btn-prev">
                                                <i class="icon-arrow-left"></i>
                                                Prev
                                            </button>

                                            <button class="btn btn-success btn-next" data-last="Finish ">
                                                Next
															<i class="icon-arrow-right icon-on-right"></i>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(function () {
        $('[data-rel=tooltip]').tooltip();

        $(".select2").css('width', '150px').select2({ allowClear: true })
        .on('change', function () {
            $(this).closest('form').validate().element($(this));
        });

        var $validation = false;
        $('#fuelux-wizard').ace_wizard().on('change', function (e, info) {
            if (info.step == 1 && $validation) {
                if (!$('#validation-form').valid()) return false;
            }
        }).on('finished', function (e) {
            bootbox.dialog("Thank you! Your information was successfully saved!", [{
                "label": "OK",
                "class": "btn-small btn-primary",
            }]
            );
        }).on('stepclick', function (e) {
            //return false;//prevent clicking on steps
        });

        var oTable1 = $('#chooseItemTable').dataTable({
            "aoColumns": [
              { "bSortable": false },
              null, null, null, null,
              { "bSortable": false }
            ]
        });

        $('table th input:checkbox').on('click', function () {
            var that = this;
            $(this).closest('table').find('tr > td:first-child input:checkbox')
            .each(function () {
                this.checked = that.checked;
                $(this).closest('tr').toggleClass('selected');
            });

        });
    })
</script>
